/**
 * 支付 - 样式
 */
//
// 卡片
//
.card-wrap{
  margin-top: 0.71rem;
  background-color: #ffffff;
  margin-bottom: 40px;
  padding: 3rem 1.07rem;
  .card + .card{
    margin-top: 2.14rem;
  }
  .card{
    color: #333333;
    text-align: center;
    border-radius: 24px;
    box-shadow: 2px 2px 34px -7px #00000078;
    .title{
      padding: 0.71rem 0;
      box-shadow: 0 1px 0 0 #EFEFEF;
    }
    .content{
      padding: 1.07rem;
      .prompt{
        display: block;
        color: #FF1010;
        width: 84%;
        margin: 20px auto 40px auto;
        font-size: 0.92rem;
      }
      .address-code{
        box-shadow: inset 0 0 10px 0 rgba(220,220,220,0.50);
        border-radius: 6px;
        padding: 0.28rem 0;
        font-size: 0.92rem;
      }
      .qrcode{
        margin: 20px 0;
      }
      .copy-wrap{
        margin-bottom: 10px;
        & > *{
          padding: 0.42rem 2rem;
          border-radius: 2rem;
          border: 1px solid #FEA620;
          color: #FEA620;
          display: inline-block;
        }
      }
    }
    .qrcode{
      width: 30vw;
      height: 30vw;
      max-width: 250px;
      max-height: 250px;
    }
  }
}
//
// app底部按钮
//
.app-bot-btn{
  margin-bottom: 60px;
  padding: 0 1.42rem;
  > *{
    display: block;
    background-image: linear-gradient(-135deg, #FEDF33 0%, #FE9D09 100%);
    box-shadow: 0 0 3px 1px rgba(254,215,46,0.50);
    border-radius: 1rem;
    color: #ffffff;
    text-align: center;
    font-size: 1.57rem;
    padding: 0.57rem 0;
  }
}
//
// 同意协议说明
//
.agree-wrap{
  display: flex;
  justify-content: center;
  width: 80%;
  margin: 60px auto 30px auto;
  .radio-icon{
    margin-right: 0.5em;
    margin-top: 0.1em;
  }
  .txt{
    color: #666666;
    .link{
      color: #FF1010;
    }
  }
}
//
// 圆形radio按钮
//
.radio-icon{
  display: inline-block;
  border: 1px solid #d8d7d7;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  position: relative;
  &.active{
    border-color: #FEA620;
    &:after{
      display: inline-block;
      width: 0.85rem;
      height: 0.85rem;
      content: '';
      background-color: #FEA620;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      border-radius: 50%;
    }
  }
}
//
// 单元组
//
.cell-group + .cell-group{
  margin-top: 0.71rem;
}
.cell-group{
  background-color: #ffffff;
  .cell{
    display: flex;
    justify-content: space-between;
    padding: 1.07rem 1.07rem;
    .left,.right{
      display: flex;
      align-items: center;
    }
    .left{
      color: #333333;
      &.title{
        color: #999999;
        margin-top: 0.35rem;
      }
      .icon-w-fix{
        width: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.5rem;
      }
    }
    .right{
      color: #FEA620;
      &.amount{
        color: #999999;
      }
    }
  }
  .cell + .cell{
    box-shadow: 0 -1px 0 0 #EFEFEF;
  }
}
//
// 广播
//
.broadcast-wrap{
  padding: 1.07rem 1.42rem;
  position: relative;
  &:after{
    height: 50%;
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    bottom: 0;
    left: 0;
  }
  .panel{
    padding: 0.57rem;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 2px 46px -3px #0000002e;
    position: relative;
    z-index: 99;
    color: #FFB818;
    display: flex;
    justify-content: center;
    align-items: center;
    .broadcast-icon{
      margin-right: 0.5rem;
    }
  }
}
//
// 图标
//
.broadcast-icon,
.purse-icon,
.union-icon{
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.broadcast-icon{
  width: 1em;
  height: 1em;
  background-image: url("/images/common/broadcast.png");
}
.purse-icon{
  width: 22px;
  height: 22px;
  background-image: url("/images/common/purse.png");
}
.union-icon{
  width: 42px;
  height: 22px;
  background-image: url("/images/common/union.png");
}
